import { FC } from "react";
import { Image, Space } from "antd";
import styles from "@/views/home/css/home.module.less";
// 二维码
import bili from "@/assets/images/bili.jpg";
import douyin from "@/assets/images/douyin.jpg";
import mp from "@/assets/images/mp.jpg";

import "@/views/home/css/home.module.less";

const fallbackImage =
  "";

const Home: FC = () => {
  return (
    <div className={styles.containerHome}>
      <h1 className={styles.title}>快来关注我吧~</h1>
      <br />
      <Space direction="horizontal" size={50}>
        <Image
          width={300}
          height={500}
          className={styles.qrImage}
          fallback={fallbackImage}
          src={douyin}
        />
        <Image
          width={500}
          height={500}
          className={styles.qrImage}
          fallback={fallbackImage}
          src={mp}
        />
        <Image
          width={300}
          height={500}
          className={styles.qrImage}
          fallback={fallbackImage}
          src={bili}
        />
      </Space>
    </div>
  );
};

export default Home;
